<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"/>
		<script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>

		<title>Document</title>
	</head>
	<body>
		<header class="text-a-center fc-write bg-blue rel">
			<span class="iconfont icon-left3 abs"></span>
			Message
		</header>

		<main>
			<!-- 头像 -->
			<section class="dpflex">
				Head alter
				<div class="dpflex">
					<img id="head" src="#" data-value=""></img>
					<span class="iconfont icon-right" id="choose-img"></span>
					<input type="file" id="imgFile" name="imgFile" />
				</div>
			</section>

			<!-- 昵称 -->
			<section>
				<label class="weui-cell weui-cell_active dpflex">
					<div class="weui-cell__hd flex3">
						<span class="weui-label" >Name </span>
					</div>
					<div class="weui-cell__bd weui-flex">
						<input class="weui-input" type="text" placeholder="nickName" id="nickName"/>
					</div>
				</label>
			</section>
				<!-- 性别 -->
			<section>
				<div class="weui-cell weui-cell_access">
                    <div class="weui-cell__bd">
                        <span>Sex</span>
                    </div>
					<!-- 自定义属性暂存数据，读取数据 默认值1-female -->
                    <span class="weui-cell__ft" id="gender" data-value="1">female</span>
                </div>
			</section>
			<section>
				<div class="weui-cell  weui-cell_access">
					<div class="weui-cell__bd" >
						<span>	Birthday</span>
					</div>
					<span class="weui-cell__ft"  id="birthday">2020-11-12</span>
				</div>
			</section>
			<section>
				<div class="weui-cell  weui-cell_access">
					<div class="weui-cell__bd" >
						<span>province</span>
					</div>
						<!-- 自定义属性data-value  默认值0-未选择 -->
					<span class="weui-cell__ft"  id="province"  data-value="0">null</span>
				</div>
			</section>
			<section >
				<div class="weui-cell  weui-cell_access">
					<div class="weui-cell__bd flex4" >
						<span>City</span>
					</div>
					<!-- 自定义属性data-value  默认值0-未选择 -->
					<span class="weui-cell__ft"  id="city"  data-value="0">null</span>
				</div>
			</section>
			<section >
				 Your introduce
					<div class="weui-cells__group weui-cells__group_form">
					
					    <div class="weui-cells weui-cells_form">
						  <div class="weui-cell weui-cell_active">
							<div class="weui-cell__bd">
								  <textarea class="weui-textarea" placeholder="Please introduce yourself" rows="3" id="sign" maxlength="20"></textarea>
								<div role="option" aria-live="polite" class="weui-textarea-counter">
									<span id="wordNum">0</span>
									/20
								</div>
					        </div>
					    </div>
				    </div>
					</div>
			</section>
			<section class="text-a-center">
				<button class="bg-blue" id="save">Save</button>
			</section>
	</main>
		
	</body>
</html>
